@charset "utf-8";

body{width:auto; height:auto; margin:0 auto;font-family: 微软雅黑;font-size:14px; }
body,div,span,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,pre,code,form,fieldset,legend,button,textarea,p,blockquote,th,td,p{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
ul,li,dd{list-style-type:none;list-style:none;}
.spacebox{width:100%;height:0px;font-size:0px;clear:both;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
h1{}
h2{font-size:24px;color:#f2f123;font-weight:bold;font-family: 微软雅黑;height:40px;line-height:40px;}
h3{font-size:20px;font-family: 微软雅黑;line-height:48px;}
h4{font-size:18px;font-family: 微软雅黑;position:absolute;color:#fff;text-align:center;font-weight:500;}/*独家优势*/
h5{font-size:16px;font-family: 微软雅黑;font-weight:500;line-height:35px;}
h6{font-size:16px;font-family: 微软雅黑;font-weight:700;line-height:38px;text-align:center;color:#2e104c;}


/*顶部*/
.top {height:35px;width:100%;}
.top div .welcometxt{float:left;color:#666;line-height:35PX;}
.top div .tellbox{float:right;height:35px;padding-left:30px;background:url(../images/tell_img.png) no-repeat left center;color:#ffae00;line-height:35px;margin-right:15px;font-weight:bold;}
.top div .loginbox{float:right;background:url(../images/login_box.gif) no-repeat;border:0 none;width:50px;height:35px;cursor:pointer;}

/*logo*/
.head{height:80px;width:100%;}
.head div .logo{width:400px;height:75px;float:left;}
.head div ul{float:right;height:55px;margin-top:20px;margin-left:12px;}
.head div ul li{float:left;margin-left:30px;color:#fff;line-height:55px;height:55px;width:80px;}
.head div ul li a{color:#666;display:block;height:52px;vertical-align: middle;font-size:18px;text-align:center;}
.head div ul li a:hover{color:#2da7e0;text-decoration:none;}

/*banner焦点图*/
.fullSlide {width:100%;position:relative;height:400px;background:#000;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:400px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:400px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#2da7e0;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0;z-index:1;width:40px;height:60px;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:0;background-position:-6px -137px;}


/*通用导航*/
.nav01{width:100%;height:135px;background:#6c7cba;}
.nav01 dl{width:1000px;height:135px;margin:0px auto;}
.nav01 dl dt{width:251px;height:166px;float:left;margin-right:45px;z-index:99999;}
.nav01 dl dd{height:135px;float:left;}

.nav02{width:100%;height:155px;background:url(../images/nav06bg.jpg) repeat-x;}
.nav03{width:100%;height:155px;background:url(../images/nav08bg.jpg) repeat-x;}
.nav04{width:100%;height:155px;background:#202740;}

/*原因介绍*/
.main01{background:#202740;height:auto;width:100%;overflow:hidden;}
.main01 .txt01{width:1000px;height:690px;margin:60px auto;background:url(../images/i01.jpg) no-repeat center top; position:relative;}
.main01 .txt01 .txt_box01{display:block; position:absolute;}
.main01 .txt01 .txt_box01 .txt-tit{font-size:12px;line-height:24px;color:#fff;display:block; font-family:Arial, "宋体", "微软雅黑";}
/**/
.main02{background:#dce3eb;height:auto;width:100%;overflow:hidden;}
.main02 .txt02{width:1000px;height:auto;overflow:hidden;margin:90px auto 60px auto;}

/**/
.main03{background:#202740;height:auto;width:100%;overflow:hidden;}
.main03 .txt03{width:1000px;height:565px;background:url(../images/i02-1.jpg) no-repeat;margin:90px auto 60px auto;position:relative;}

/*订阅号与服务号区别*/
.main04{background:#dce3eb;height:auto;width:100%;overflow:hidden;}
.main04 .txt04{width:1000px;height:766px;overflow:hidden;margin:40px auto;background-image:url(../images/xbj.jpg);}

/*微信功能盘点*/
.main05{background:#202740;height:auto;width:100%;overflow:hidden;}
.main05 .txt05{width:1000px;height:auto;overflow:hidden;margin:90px auto 60px auto;}
.main05 .txt05 ul{height:auto;overflow:hidden;background:#ffffff;}
.main05 .txt05 ul li{height:198px;width:199px;border:solid 1px #e4e4e4;float:left;position:relative;z-index: 1;margin-left:-1px;}
.main05 .txt05 ul li:hover{border:solid 1px #495db6;z-index:10;cursor:pointer;}

.main05 .txt05 ul li p{font-size:12px;line-height:24px;color:#7a7a7a;padding:0px 20px;height:auto;overflow:hidden;text-align:center;}
.txt05 ul li .icon01,.txt05 ul li .icon02,.txt05 ul li .icon03,.txt05 ul li .icon04,.txt05 ul li .icon05,.txt05 ul li .icon06,.txt05 ul li .icon07,.txt05 ul li .icon08,.txt05 ul li .icon09,.txt05 ul li .icon10,.txt05 ul li .icon11,.txt05 ul li .icon12,.txt05 ul li .icon13,.txt05 ul li .icon14,.txt05 ul li .icon15,.txt05 ul li .icon16,.txt05 ul li .icon17,.txt05 ul li .icon18,.txt05 ul li .icon19,.txt05 ul li .icon20,.txt05 ul li .icon21,.txt05 ul li .icon22,.txt05 ul li .icon23,.txt05 ul li .icon24,.txt05 ul li .icon25{width:70px;height:60px;margin:18px auto 0px auto;clear:both;}

.txt05 ul li .icon01{background:url(../images/ic01.png) no-repeat center center;}
.txt05 ul li .icon02{background:url(../images/ic02.png) no-repeat center center;}
.txt05 ul li .icon03{background:url(../images/ic03.png) no-repeat center center;}
.txt05 ul li .icon04{background:url(../images/ic04.png) no-repeat center center;}
.txt05 ul li .icon05{background:url(../images/ic05.png) no-repeat center center;}
.txt05 ul li .icon06{background:url(../images/ic06.png) no-repeat center center;}
.txt05 ul li .icon07{background:url(../images/ic07.png) no-repeat center center;}
.txt05 ul li .icon08{background:url(../images/ic08.png) no-repeat center center;}
.txt05 ul li .icon09{background:url(../images/ic09.png) no-repeat center center;}
.txt05 ul li .icon10{background:url(../images/ic10.png) no-repeat center center;}
.txt05 ul li .icon11{background:url(../images/ic11.png) no-repeat center center;}
.txt05 ul li .icon12{background:url(../images/ic12.png) no-repeat center center;}
.txt05 ul li .icon13{background:url(../images/ic13.png) no-repeat center center;}
.txt05 ul li .icon14{background:url(../images/ic14.png) no-repeat center center;}
.txt05 ul li .icon15{background:url(../images/ic15.png) no-repeat center center;}
.txt05 ul li .icon16{background:url(../images/ic16.png) no-repeat center center;}
.txt05 ul li .icon17{background:url(../images/ic17.png) no-repeat center center;}
.txt05 ul li .icon18{background:url(../images/ic18.png) no-repeat center center;}
.txt05 ul li .icon19{background:url(../images/ic19.png) no-repeat center center;}
.txt05 ul li .icon20{background:url(../images/ic20.png) no-repeat center center;}
.txt05 ul li .icon21{background:url(../images/ic21.png) no-repeat center center;}
.txt05 ul li .icon22{background:url(../images/ic22.png) no-repeat center center;}
.txt05 ul li .icon23{background:url(../images/ic23.png) no-repeat center center;}
.txt05 ul li .icon24{background:url(../images/ic24.png) no-repeat center center;}
.txt05 ul li .icon25{background:url(../images/ic25.png) no-repeat center center;}
/*滚动图片代码  案例展示*/
.main06{background:#facc43;height:auto;width:100%;overflow:hidden;}
.main06 .txt06{width:1080px;height:auto;overflow:hidden;margin:70px auto 0px auto;}
* A {POSITION: relative}
#featureContainer {MARGIN: 0px auto; WIDTH:1080px;}
#wrap {OVERFLOW: hidden}
#load {BACKGROUND-IMAGE: url(images/loader32x32.gif); TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH:1080px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 100px;}
#feature {POSITION: relative;margin:0px;}
#feature .button {POSITION: absolute; WIDTH:1000px; TOP: 72px; LEFT: 0px}
#feature .prev {TEXT-INDENT: -9999px; WIDTH:40px; DISPLAY: block; background:url(../images/left_arrow.jpg); FLOAT: left; HEIGHT:85px; TOP: -160px;}
#feature .next {TEXT-INDENT: -9999px; WIDTH:40px; DISPLAY: block;background:url(../images/right_arrow.jpg); FLOAT: right; HEIGHT:85px; TOP: -160px;}
#feature .prev:hover {background:url(../images/left_arrow.jpg) center center;}
#feature .next:hover {background:url(../images/right_arrow.jpg) center center;}
#botton-scroll {Z-INDEX: 0; margin:0px auto;FLOAT: left; HEIGHT:270px;width:960px;}
.featureUL { POSITION: relative;margin:0px;WIDTH: 2800px;FLOAT: left;padding:0px;LEFT: 0px}
.featureBox {margin:0px 30px 0px 0px;background: url(../images/bg-featurebox.jpg) no-repeat; WIDTH:180px;FLOAT: left; HEIGHT:270px; OVERFLOW: hidden;}
#block {Z-INDEX: 0; POSITION: relative;MARGIN:0px auto;HEIGHT:270px;WIDTH:960px;OVERFLOW: hidden;padding:0px;}
#block .box {WIDTH: 180px;FLOAT: left; HEIGHT:270px;padding:0px;}
#block .box .feature-title {FONT-WEIGHT: normal}
#block .box .feature-thumb {WIDTH: 240px; MARGIN-BOTTOM: 5px; FLOAT: left; HEIGHT: 150px}



/*关于我们*/
.main07{background:url(../images/xux.png) ;height:785px;width:100%;}
.main07 .txt07{width:1000px;height:630px;margin:0px auto;background:url(../images/imgg.jpg) no-repeat center top;}
.main07 .txt07 div{width:375px;height:245px;padding:320px 0px 75px 625px; display:block;}
.main07 .txt07 div p{font-size:18px;color:#fffed8;font-family: 微软雅黑;line-height:36px;}

/*地图*/
.main08{background:#f0f0f0;height:auto;width:100%;overflow:hidden;}
.main08 .txt08{width:1000px;height:550px;margin:60px auto;}


.footer{width:100%;height:auto;overflow:hidden;background:#313647;color:#fff;font-size:18px;line-height:40px; font-weight:500;}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right:0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(113, 113, 113, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #FF4A00;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 80px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
  
    
  }
}